<ion-header>
    <ion-toolbar content-page>
        <!--<ion-buttons start>-->
            <!--<button ion-button icon-only>-->
                <!--<i class="back"></i>-->
            <!--</button>-->
        <!--</ion-buttons>-->
        <ion-title>
            <button class="nav-btn nav-btn_active">个人增员</button>
            <button class="nav-btn">团队增员</button>
        </ion-title>
        <ion-buttons end>
            <button ion-button icon-only adpmenutoggle>
                <i class="toolbar-menu"></i>
            </button>
        </ion-buttons>
    </ion-toolbar>
</ion-header>

<ion-content>
    <div class="talent-total">
        <div class="talent-title">
            人才库总人数
        </div>
        <div class="total">
            <div>60</div>
            <button (click)="goDetail()">
                查看详情
            </button>
        </div>

    </div>
    <div class="content-rel">
        <div class="talent-title">
            人才库情况
        </div>

        <div class="search-bar row">
            <div class="title">时间范围</div>
            <ion-datetime [(ngModel)]="filter.startTime"
                          cancelText="取消" doneText="确定" displayFormat="YYYY/MM" pickerFormat="YYYYMM">
            </ion-datetime>
            <div class="division">
            </div>
            <ion-datetime [(ngModel)]="filter.endTime"
                          cancelText="取消" doneText="确定" displayFormat="YYYY/MM" pickerFormat="YYYYMM">
            </ion-datetime>
            <button class="search" ion-button>查询</button>
        </div>

        <div class="talent-type first">
            <div class="row-content" (click)="goTalentPool()">
                <div>人才库</div>
                <div>
                    <div class="talent-pool bar"></div>
                    <div>{{statusData.talentPool}}</div>
                </div>
            </div>
        </div>

        <div class="talent-type">
            <div class="row-content">
                <div>候选人</div>
                <div>
                    <div class="candidate bar"></div>
                    <div>{{statusData.candidate}}</div>
                </div>
            </div>
        </div>

        <div class="talent-type">
            <div class="row-content">
                <div>虚拟工号</div>
                <div>
                    <div class="virtual-work-number bar"></div>
                    <div>{{statusData.virtualWorkNumber}}</div>
                </div>
            </div>
        </div>

        <div class="talent-type">
            <div class="row-content">
                <div>ITC结训</div>
                <div>
                    <div class="ict-training bar"></div>
                    <div>{{statusData.itcTrain}}</div>
                </div>
            </div>
        </div>

        <div class="talent-type">
            <div class="row-content">
                <div>入司</div>
                <div>
                    <div class="department bar"></div>
                    <div>{{statusData.department}}</div>
                </div>
            </div>
        </div>
    </div>
</ion-content>

